Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Control Other Programs From Code!

python

Download your free Python Cheat Sheet he...

  2026/09/27

Developer Codes Without AI Every Few Days

python

Download your free Python Cheat Sheet he...

  2026/09/26

Working With AI Agents: The Skills That Still Matter

Working With AI Agents: Short Live Cours...

  2026/09/26

Use AI Like a Pro, Not a Vibe Coder

What separates using AI coding tools lik...

  2026/09/26

LM Studio Full Tutorial - The BEST Way to Run Local Models

Learn how to build useful AI agents that...

  2026/09/26

Reliably Detect a Simple Yes in Your Python Script

python

Download your free Python Cheat Sheet he...

  2026/09/25

Navigating AI in Open Source: Insights from Wagtail | Real Python Podc

python

How should you manage AI contributions t...

  2026/09/25

Per-Layer Embeddings (PLE) in Gemma 4 explained

Learn how per-layer embeddings, or PLE, ...

  2026/09/25

Future of modern retail operations with Apotea | Retail Insights with

Amazon
小売り

From warehouse floors to boardrooms, AI ...

  2026/09/25

Reading Code Beats Writing It

Which matters more now, writing code or ...

  2026/09/25

The next generation of voice AI with Google DeepMind and Sierra AI

Google

Valeria Wu (Google DeepMind) and Soham R...

  2026/09/24

How do I use templates to set up cross-account access in Amazon QuickS

Amazon

Need to share QuickSight datasets and da...

  2026/09/24

Get Started With the Jev AI Model in Python!

python

Download your free Python Cheat Sheet he...

  2026/09/24

Impeller hits desktop by default in Flutter 3.47! 🖥️

flutter

Building Flutter apps for desktop? Your ...

  2026/09/24

MCP Servers Explained & Built

Secure your MCP server using Descope for...

  2026/09/24

AI has made writing code cheap

What are developers actually hired for n...

  2026/09/24